module.exports = {
    publicPath: "/",
    assetsDir: "assets",
    chainWebpack: config => {
        const oneOfsMap = config.module.rule("scss").oneOfs.store
        oneOfsMap.forEach(item => {
            item.use("sass-resources-loader")
                .loader("sass-resources-loader")
                .options({
                    // 全局变量资源路径
                    resources: "./src/assets/styles/main.scss"
                    // 也可以选择全局变量路径数组, 如果你有多个文件需要成为全局,就可以采用这种方法
                    // resources: ['./path/to/vars.scss', './path/to/mixins.scss']
                    // 或者你可以将多个scss文件@import到一个main.scss用第一种方法，都是可以的
                })
                .end()
        })
    },
	devServer: {
        host: "0.0.0.0",
        port: 8080, // 端口号
        https: false, // https:{type:Boolean}

        // 配置多个代理
        proxy: {
            "/api": {
                target: "http://42.192.238.43:8081",// 要访问的接口域名
                changeOrigin: true, //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
                pathRewrite: {
                    '^/api': '' //这里理解成用'/api'代替target里面的地址,比如我要调用'http://localhost:8088/user/list'，直接写'/api/user/list'即可
                }
            }
        }
    }
}
